/* @flow */

import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
} from 'react-native';

export default YaoView = (options) => {

  if (options && options.isYang) {
    return(
      <View style={[styles.yangContainer,options.style]}>
        <View style={styles.yangCenterStyle}></View>
      </View>)

  }else {
    return(
      <View style={[styles.yinContainer,options.style]}>
        <View style={styles.leftStyle}></View>
        <View style={styles.centerStyle}></View>
        <View style={styles.rightStyle}></View>
      </View>)
  }

}

const styles = StyleSheet.create({
  yinContainer: {
    flexDirection: 'row',
    justifyContent: 'space-between',

  },
  yangContainer: {
    flexDirection: 'row',
    justifyContent: 'center',
  },
  leftStyle:{
    flex:0.45,
    backgroundColor: 'black',
  },
  centerStyle:{
    flex: 0.1,
  },
  rightStyle:{
    flex: 0.45,
    backgroundColor: 'black',

  },
  yangCenterStyle:{
    flex: 1,
    backgroundColor: 'black',
  },
  horizonStyle:{

  }
});
